<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="/css/public.css">
    <link rel="stylesheet" href="/css/font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="/css/2-order.css">
    <title>2-order</title>
</head>
<body>
    <div class="hole-div">
        <!-- fixed -->
        <div class="fixed">
            <div class="f-icon">
                <img src="/icon/page2/直播.png" alt="直播" class="fixed-img">
            </div>
            <p class="fixed-p1">直播中</p>
            <p class="fixed-p2">57811人观看</p>
        </div>
        <div class="tel-top"></div>
        <!-- 顶部搜索框 -->
        <div class="top">
            <div class="top-icon-1">
                <i class="fa fa-chevron-left"></i>
            </div>
            <div class="top-input">
                <div class="top-mid">
                    <i class="fa fa-search"></i>
                    <p class="t-text">鸡蛋</p>
                </div>    
            </div>
            <div class="top-left">
                <i class="fa fa-share-square-o"></i>
                <i class="fa fa-ellipsis-h"></i>
            </div>
        </div>
        <!-- 头部 img  --> 
        <div class="top-div">
            <div class="top-img">
                <img src="/icon/page2/鸡蛋.png" alt="鸡蛋" class="img">
            </div>
            <div class="p-div">
                <p class="number">1/6</div>
        </div>    
        <!-- 购物车 -->
        <div class="gwc">
            <img src="/icon/page2/购物车.png" alt="购物车" class="gwc-img">
        </div>
        <!-- 中间文字 -->
        <div class="mid-text">
            <div class="text-top">
                <div class="top-div-1">
                    <div class="left">
                        <p class="top-icon">￥</p>
                        <p class="top-p1">39.9</p>
                        <div class="top-div-1-mid">
                            <p class="mid-p1">券后￥</p>
                            <p class="mid-p2">23.9</p>
                        </div>
                    </div>
                    <div class="right">
                        <p class="top-p3">销量1.6万</p>
                    </div>
                </div>
                <div class="top-div-2">
                    <ul class="top-mid-left">
                        <li class="mid-kuang">
                            <p class="text-kuang">店铺券满30减12</p>
                        </li>
                        <li class="mid-kuang">
                            <p class="text-kuang">店铺券满30减11</p>
                        </li>
                        <li class="mid-kuang">
                            <p class="text-kuang">店铺券满30减10</p>
                        </li>
                    </ul>
                    <div class="top-mid-right">
                        <p class="tmr-text">领券</p>
                        <i class="fa fa-chevron-right"></i>
                    </div>
                </div>
                <div class="top-div-3">
                    <p class="d3-text">
                        我老家 鲜鸡蛋40枚 单枚38-42g
                    </p>
                </div>
                <div class="top-div-4">
                    <ul class="mid-bottom">
                        <li class="mb-li">
                            <i class="fa fa-map-marker" ></i>
                            <p class="mb-li-p">现捡现发 当日鲜蛋</p>
                        </li>
                        <li class="mb-li">
                            <i class="fa fa-line-chart" ></i>
                            <p class="mb-li-p">营养丰富 谷物喂养</p>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="text-mid">
                <p class="mid-text-1">快递</p>
                <p class="mid-text-2">至 云南省 昆明市 | 包邮·坏了包赔·假一赔十·不支持7天无理由</p>
                <div class="mid-text-3">
                    <i class="fa fa-chevron-right" ></i>
                </div>
            </div>
            <div class="text-footer">
                <div class="tf-t1">
                    <div class="tf-left">商品评价(5775)</div>
                    <div class="tf-right">查看评价</div>
                </div>
                <div class="tf-t2">
                    <ul class="tf-all">
                        <li class="tf-li">
                            鸡蛋很好(981)
                        </li>
                        <li class="tf-li">
                            物美价廉(810)
                        </li>
                        <li class="tf-li">
                            发货快(769)
                        </li>
                    </ul>
                </div>
                <div class="tf-t3">
                    <ul class="tf-pj">
                        <li class="pj-li">
                            <div class="pj-top">
                                <div class="pj-left-img">
                                    <img src="/icon/page2/pl/抹茶.png" alt="用户头像" class="pl-yhtx">
                                </div>

                                <div class="pj-mid-text">
                                    <p class="pj-name">仅此一个的宇宙无敌大美女</p>
                                    <p class="pj-date">2022.06.15</p>
                                </div>

                                <div class="pj-right">
                                    <i class="fa fa-ellipsis-h"></i>
                                </div>
                            </div>
                            <div class="pj-mid">
                                <i class="fa fa-thumbs-up"></i>
                                <p class="pj-mid-p">赞了该商品</p>
                            </div>
                            <div class="pj-bottom">
                                <p class="pj-bo-p">鸡蛋非常非常的好吃！</p>
                                <div class="pj-img-div">
                                    <img src="/icon/page2/pl/鸡蛋.png" alt="" class="pj-img">
                                    <img src="/icon/page2/pl/鸡蛋汤面.png" alt="" class="pj-img">
                                </div>
                            </div>
                        </li>
                        <li class="pj-li">
                            <div class="pj-top">
                                <div class="pj-left-img">
                                    <img src="/icon/page2/pl/山楂.png" alt="用户头像" class="pl-yhtx">
                                </div>

                                <div class="pj-mid-text">
                                    <p class="pj-name">匿名用户</p>
                                    <p class="pj-date">2022.06.10</p>
                                </div>

                                <div class="pj-right">
                                    <i class="fa fa-ellipsis-h"></i>
                                </div>
                            </div>
                            <div class="pj-mid">
                                <i class="fa fa-thumbs-up"></i>
                                <p class="pj-mid-p">赞了该商品</p>
                            </div>
                            <div class="pj-bottom">
                                <p class="pj-bo-p">鸡蛋非常非常的好吃！蛋黄不散！香的很</p>
                                <div class="pj-img-div">
                                    <img src="/icon/page2/pl/鸡蛋.png" alt="" class="pj-img">
                                    <img src="/icon/page2/pl/鸡蛋汤面.png" alt="" class="pj-img">
                                </div>
                            </div>
                        </li>
                        <li class="pj-li">
                            <div class="pj-top">
                                <div class="pj-left-img">
                                    <img src="/icon/page2/pl/抹茶.png" alt="用户头像" class="pl-yhtx">
                                </div>

                                <div class="pj-mid-text">
                                    <p class="pj-name">CMLP</p>
                                    <p class="pj-date">2022.05.07</p>
                                </div>

                                <div class="pj-right">
                                    <i class="fa fa-ellipsis-h"></i>
                                </div>
                            </div>
                            <div class="pj-mid">
                                <i class="fa fa-thumbs-up"></i>
                                <p class="pj-mid-p">赞了该商品</p>
                            </div>
                            <div class="pj-bottom">
                                <p class="pj-bo-p">鸡蛋非常非常的好吃！</p>
                                <div class="pj-img-div">
                                    <img src="/icon/page2/pl/鸡蛋.png" alt="" class="pj-img">
                                    <img src="/icon/page2/pl/鸡蛋汤面.png" alt="" class="pj-img">
                                </div>
                            </div>
                        </li>
                        <li class="pj-li">
                            <div class="pj-top">
                                <div class="pj-left-img">
                                    <img src="/icon/page2/pl/山楂.png" alt="用户头像" class="pl-yhtx">
                                </div>

                                <div class="pj-mid-text">
                                    <p class="pj-name">匿名用户2</p>
                                    <p class="pj-date">2022.08.11</p>
                                </div>

                                <div class="pj-right">
                                    <i class="fa fa-ellipsis-h"></i>
                                </div>
                            </div>
                            <div class="pj-mid">
                                <i class="fa fa-thumbs-up"></i>
                                <p class="pj-mid-p">赞了该商品</p>
                            </div>
                            <div class="pj-bottom">
                                <p class="pj-bo-p">鸡蛋非常非常的好吃！蛋黄不散！香的很</p>
                                <div class="pj-img-div">
                                    <img src="/icon/page2/pl/鸡蛋.png" alt="" class="pj-img">
                                    <img src="/icon/page2/pl/鸡蛋汤面.png" alt="" class="pj-img">
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 底部 -->
        <div class="footer">
            <div class="fixed-footer">
                <ul class="ul-footer">
                    <li class="icon-footer">
                        <img src="/icon/page2/bottom/店铺.png" alt="" class="footer-left-img">
                        <p class="test-p">店铺</p>
                    </li>
                    <li class="icon-footer">
                        <img src="/icon/page2/bottom/客服.png" alt="" class="footer-left-img">
                        <p class="test-p">客服</p>
                    </li>
                    <li class="icon-footer">
                        <img src="/icon/page2/bottom/收藏.png" alt="" class="footer-left-img">
                        <p class="test-p">收藏</p>
                    </li>
                </ul>
                <div class="bottom-2">
                    <div class="left-b2">
                        <p class="text-b2">加入购物车</p>
                    </div>
                    <div class="right-b2">
                        <p class="text1-b2_r">领券购买</p>
                        <p class="text2-b2_r">券后￥23.9</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    

</body>
</html>